//author:jxx
//此处是对表单的方法，组件，权限操作按钮等进行任意扩展(方法扩展可参照SellOrder.js)
//import gridHeader from "../mall/map/map.vue"
let extension = {
    components: {//动态扩充组件或组件路径
        //表单header、content、footer对应位置扩充的组件
        gridHeader:'',//{ template: "<div>扩展组xx件</div>" },
        gridBody: '',
        gridFooter: '',
        //弹出框(修改、编辑、查看)header、content、footer对应位置扩充的组件
        modelHeader: '',
        // modelBody: () => ({ component: import("./product/Mall_GoodAndPackage.vue"), loading: AsyncLoading }),
        modelFooter: '',
    },
    buttons: {view: [], box:[],  detail:[]},//扩展的按钮
    methods: {//事件扩展
         empty(){
           this.editFormFileds.hotel_address="";
           //this.editFormFileds.hotel_address.data=[];
          // this.editFormOptions.hotel_address="";
           this.editFormFileds.latitude="";
         },
        // getcolumn(val,typeName){
        //     this.$refs.modelBody.clear();
        //     this.$refs.modelBody.getcolum(val,'Add',this.editFormFileds.typeName,this.editFormFileds.typeCode);
        //    },
        // schoolNameChange(hotel_address) {
        //   this.$jsonp("https://apis.map.qq.com/ws/place/v1/suggestion", {
        //     region: "中国",
        //     keyword: hotel_address,
        //     key: "RXHBZ-MS2CF-5M6JV-N3KYL-F2TKT-3DBAB",
        //     output:"jsonp"    
        //   })    
        //     .then(res => {                
        //         console.log(res.data)
        //         let aList = [];
        //         res.data.forEach(function(ele){
        //               aList.push({
        //                 key : ele.address+'-'+ele.title,
        //                 value : ele.address+' - '+ele.title,
        //                 data: ele.location.lat + ','+ele.location.lng
        //               });
                   
        //         })
        //         this.editFormOptions[1][1].data=aList;
        //         this.addressList = aList;
                
        //     })    
        //     .catch(err => {    
        //       console.log("catch", err);    
        //     });
        //    // console.log(res.data);
        // },
       onInit() {
         //地址的下拉框事件
        this.editFormOptions.forEach(x=>{
          x.forEach(item=>{
            if(item.field == 'hotel_address'){             
               item.onChange = $event => {
                let val= this.editFormFields.hotel_address;//+$event.key;
                 this.editFormFields.latitude = val.split("|")[1]; 
               }
            }
          })
        })
        //产品类型的事件
        this.editFormOptions.forEach(x=>{
          x.forEach(item=>{
            if(item.field == 'typeName'){
               item.onChange = $event => {
                let val= this.editFormFields.typeName;//+$event.key;
                console.log(val);
               }
            }
          })
        })
        
        let $this=this;
        this.boxOptions.height = document.documentElement.clientHeight * 0.8;
        // this.editFormOptions.forEach(x=>{
        //   x.forEach(item=>{
        //     if(item.field == 'hotel_name'){
        //        item.onKeyPress = $event => {
        //         //if ($event.keyword == 13) {  console.log("回车事件") ; return;  }
        //         let val= this.editFormFields.hotel_name;//+$event.key;
        //            console.log("当前输入的值:"+val)
        //          this.schoolNameChange(val);
        //        }
        //        //this.schoolNameChange();
        //       // item.extra = {
        //       //   icon :"ios-search",//显示图表
        //       //   text:"添加标签",//显示文本
        //       //   style:"color:red;",//指定样式
                
        //       //   click:item=>{  //触发事件
        //       //        window.location.href='https://apis.map.qq.com/ws/place/v1/suggestion/?&keyword=海淀区&key=RXHBZ-MS2CF-5M6JV-N3KYL-F2TKT-3DBAB'
        //       //       // let url = escape(
        //       //       //      `${window.location.origin}${window.location.pathname}/#/member/address_form?action=${this.$route.query.action}`
        //       //       //   )
        //       //       //   this.$router.go(-1)
        //       //       //   window.location.href = `https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=${url}&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=http://localhost:8080/////#/Mall_hotel_overview`

        //       //       //   var hotel_address = this.$route.query // 获取路径上的参数
        //       //       //     var latng = hotel_address.latng.split(",") // 获取经纬度
        //       //       //     var reg = /.+?(省|市|自治区|自治州|县|区)/g // 省市区的正则

        //       //       //     console.log(latng) // [23.15809,113.27209] 这个数组就是对应的经度纬度了
        //       //       //     console.log(hotel_address.addr.match(reg)) // ['广东省','广州市','白云区']
        //       //       //     hotel_address = hotel_address.addr.match(reg)
        //       //       //     this.locationGhosts();
                     
        //       //   }
        //       // }
        //     }
        //   })
        // })
        this.maxBtnLength = 6;
        this.columns.push({
            title: '操作',
            fixed: 'right',
            width: 140,
            render: (h, { row, column, index }) => {
                return h(
                    "div", { style: {} }, [
                        h(
                            "a", {
                                props: {},
                                style: {},
                                on: {
                                    click: (e) => {
                                        //this.$Message.info(row.accountsReceivable);
                                        // e.stopPropagation()
                                        //console.log(this.$refs.gridHeader)
                                        this.linkData(row);
                                    }
                                }
                            },
                            "编辑"
                        ),
                        
                    ])
            }
        })
          
        },
       getFormOption(field) {
        let option;
        this.editFormOptions.forEach(x => {
            x.forEach(item => {
                if (item.field == field) {
                    option = item;
                }
            })
        })
        return option;
        },
       rowClick({ row, column, event }) { //查询界面table点击行选中当前行
        //console.log(row,column,event);
       
        this.$refs.table.$refs.table.toggleRowSelection(row);
        
        return true;
       },
      //  modelOpenBefore(){
      //   var selectOption = this.getFormOption('typeName');
      //   selectOption.data=[];
      //     //从后台接口返回数据源,格式见iview组件result(建议在modelOpenBefore方法中设置数据源)
      //       this.http.post("api/producttypes/GetProtypeList4").then(result=>{
      //         result.result.forEach(item=>{
      //             selectOption.data.push(item)
      //         })
      //     })
      // },
      modelOpenAfter() {
        this.boxOptions.height = document.documentElement.clientHeight * 0.8;
        let isEDIT = this.currentAction == this.const.EDIT;
        if(!isEDIT){
          this.empty();
        }
        
            //点击弹出框后，如果是编辑状态，禁止编辑帐号，如果新建状态，将帐号字段设置为可编辑
            this.editFormOptions.forEach(item => {
                item.forEach(x => {
                        //如果是编辑帐号设置为只读
                        if (x.field == "typeCode") {
                            //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
                            this.$set(x, "disabled", true)
                        }
                       
                        if (x.field == "typeName") {
                          
                          //disabled是editFormOptions的动态属性，这里只能通过this.$set修改值
                          if(!isEDIT) {
                            x.onInput = (val) => {  
                              //console.log(this.base.chineseToPinYin(val))
                              this.editFormFileds.typeCode=this.base.chineseToPinYin(val)
                            }
                        } 
                      }
                        
                    })
            })
        
            //获取当前弹出框是新建还是编辑状态
        },
    }

};
export default extension;